<%@include file="taglibs.jsp" %>

<html>
<script src="/PortalGrupo04/jquery-1.8.2.js" ></script>
<head>
	<title>PORTAL</title>
	<%@include file="header_imports.jsp" %>
</head>
<body>

	<div class="container">
		<div id="carrinhoWraper">
			<%@include file="carrinho.jsp" %>
		</div>
		<div class="header" onclick="window.location='/PortalGrupo04/'"></div>
		<div class="content">
			<%@include file="menu_topo.jsp" %>
			<div class="mainContent">
				<div id="filtros" style="margin-left: 5px;">
					<fieldset>
						<legend>Filtre os produtos:</legend>
						<s:form theme="simple" id="produtosFiltro" action="filtroProdutos" method="post">
							Nome: <s:textfield name="nomeProduto" style="width: 436px"/><br/>
							Categoria: <s:select list="categories" name="categoriaProduto" style="width: 175px" headerKey="" headerValue=""/>&nbsp;
							Fabricante: <s:select list="vendors" name="fabricanteProduto" style="width: 165px" headerKey="" headerValue=""/>&nbsp; 
							<input onClick="document.getElementById('produtosFiltro').submit()" class="botaoDireita" value="Filtrar" style="float:right; font-size: 11px; width: 33px; padding: 5px; margin-top: -5px; cursor: pointer"/>
						</s:form>
					</fieldset>
				</div>
				<div class="tableMagic">
					<table class="listaProdutos">
						<tr>
							<s:iterator value="produtos" status="varStatus">
								<s:if test="quantidade > 0">
									<td><img src="<s:property value="urlImage"/>" width="110" height="110" alt="<s:property value="nome"/>" />
										
										<div class="box"><s:property value="nome"/></div>
										
										<h2 style="font-weight: bold;">R$<fmt:formatNumber maxFractionDigits="2" minFractionDigits="2"><s:property value="valor"/></fmt:formatNumber></h2>
										<p>
											<a href="#" class="botaoComprar" onclick="adicionaCarrinho(<s:property value="codigo"/>)">COMPRAR</a>
										</p>
									</td>
									<s:if test="#varStatus.index % 4 == 3 && #varStatus.index > 0"></tr><tr></s:if>
								</s:if>
							</s:iterator>
						</tr>
					</table>
				</div>
		</div>
		</div>
		<%@include file="rodape.jsp" %>
	</div>
	<script type="text/javascript">
		function adicionaCarrinho(id){
			var request = $.ajax({
			  url: "/PortalGrupo04/adicionarProduto",
			  type: "POST",
			  data: {codigo : id},
			  dataType: "html",
			  success: function(data, textStatus, jqXHR){
					if (jqXHR.getResponseHeader('SEMESTOQUE') == '1'){
						alert("Desculpe. A quantidade em estoque deste produto foi excedida.");
					} 
			  }
			});
		
			request.done(function(msg) {
			  $("#carrinhoWraper").html( msg );
			});
		
			request.fail(function(jqXHR, textStatus) {
			  alert( "Request failed: " + textStatus );
			});
		}
	</script>
</body>
</html>